import { lazy } from "react";
const Home = lazy(() => import("../pages/home/index"));
const About = lazy(() => import("../pages/about/index"));
const Contact = lazy(() => import("../pages/contact/index"));
const NotFound = lazy(() => import("../pages/notfound/index"));
const Layouts = lazy(() => import("../layouts"));
const routes = [
  {
    path: "/",
    element: <Layouts />,
    children: [
      { path: "home", element: <Home /> },
      { path: "about", element: <About /> },
      { path: "contact", element: <Contact /> },
    ],
  },
  {
    path: "/login",
    element: <Contact />,
  },
  { path: "*", element: <NotFound /> },
];
export default routes;
